<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" th:replace="layout/admin">
<div th:fragment="home-content">
    <!-- 内容区域 -->
    <div class="content-wrapper">

        <!-- 内容头部 -->
        <section class="content-header">
            <h1>
                图片管理
                <small>图片列表</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                <li><a href="#">图片列表</a></li>
                <li class="active">图片列表</li>
            </ol>
        </section>
        <!-- 内容头部 /-->

        <!-- 正文区域 -->
        <section class="content">

            <!-- .box-body -->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">列表</h3>
                </div>

                <div class="box-body">

                    <!-- 数据表格 -->
                    <div class="table-box">
                        <div class="row">
                            <!--工具栏-->
                            <div class="pull-left col-xs-7">
                                <div class="form-group form-inline">
                                    <div class="btn-group" role="group">
                                        <button type="button" id="image-add" class="btn btn-sm" title="添加"><i class="fa fa-fa-user-plus"></i> 上传文件</button>
                                        <button type="button" class="btn btn-sm" id="image-multiple-btn" title="删除"> 删除 </button>
                                        <button type="button" class="btn btn-sm" title="刷新" id="refresh"><i class="fa fa-refresh"></i> 刷新</button>
                                    </div>
                                </div>
                            </div>
                            <div class="box-tools pull-right col-xs-5">
                                <div class="has-feedback">
                                    <input type="text" class="form-control input-sm" placeholder="搜索" id="condition">
                                    <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                </div>
                            </div>
                            <!--工具栏/-->
                        </div>

                        <div class="table-responsive">
                            <!--数据列表-->
                            <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                                <thead>
                                <tr>
                                    <th class="" style="padding-right:0;">
                                        <input id="selall" type="checkbox" class="icheckbox_square-blue">
                                    </th>
                                    <th class="sorting">图片标题</th>
                                    <th class="sorting">图片大小</th>
                                    <th>更新时间</th>
                                    <th class="sorting">存储方式</th>

                                    <th class="text-center">操作</th>
                                </tr>
                                </thead>
                                <tbody id="images">
                                <tr>
                                    <td><input name="ids" type="checkbox"></td>
                                    <td>0.jpg</td>
                                    <td>3.4M</td>
                                    <td>2018-12-2 19:11</td>
                                    <td>STANDARD</td>

                                    <td class="text-center">
                                        <button type="button" class="btn btn-xs bg-green" ><i class="fa fa-info"></i> 详情</button>
                                        <button type="button" class="btn btn-xs bg-light-blue" ><i class="fa fa-edit"></i> 编辑</button>
                                        <button type="button" class="btn btn-danger btn-xs"><i class="fa fa-close"></i> 删除</button>
                                    </td>
                                </tr>

                                </tbody>
                            </table>
                        </div>
                        <!--数据列表/-->

                    </div>
                    <!-- 数据表格 /-->

                </div>
                <!-- /.box-body -->

                <!-- .box-footer-->
                <div class="box-footer">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="pull-left" id="imagePage">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.box-footer-->

            </div>

        </section>
        <!-- 正文区域 /-->

    </div>
    <!-- 内容区域 /-->
</div>
</html>